<template>
	<view class="contain">
		<u-navbar title="收料" title-color="#333" back-icon-color="#333"></u-navbar>
		<view class="list">
			<view class="tit">收料管理</view>
			<view class="pack">
				<view class="item" @click="toPath('/pages/receivingMaterials/releaseIndex')">
					<view class="bg orange">
						<image class="icon" :src="getStaticFilePath('home/nav/releaseOrder.png')"></image>
					</view>
					<view class="name">信息发布</view>
				</view>
				<view class="item" @click="toPath('/pages/receivingMaterials/releaseList')">
					<view class="bg orange">
						<image class="icon" :src="getStaticFilePath('home/nav/list.png')"></image>
					</view>
					<view class="name">信息列表</view>
				</view>
				<view class="item" @click="toPath('/pages/daiOrde/fdjl/index?buy=buy')">
					<view class="bg orange">
						<image class="icon" style="width: 50rpx;height: 50rpx;" :src="getStaticFilePath('home/nav/sendList.png')">
						</image>
					</view>
					<view class="name">发单记录</view>
				</view>
				<view class="item" @click="toPath('/pages/receivingMaterials/addressList')">
					<view class="bg orange">
						<image class="icon" style="width: 50rpx;height: 50rpx;" :src="getStaticFilePath('home/nav/address.png')">
						</image>
					</view>
					<view class="name">站点管理</view>
				</view>
			</view>

		</view>
	</view>
</template>
<script>
export default {
	data() {
		return {

		}
	},
	mounted() {

	},
	methods: {
		receivingOrder() {
			uni.switchTab({
				url: '/pages/tabbar/receivingOrder/receivingOrder'
			})
		},
		toPath(url) {
			uni.navigateTo({
				url
			})
		}
	},

}
</script>

<style lang="scss">
page {
	background-color: #fff;
}

.contain {
	width: 100%;
	padding: 30rpx;
	padding-right: 0;
	box-sizing: border-box;

	.list {
		margin-bottom: 60rpx;

		.tit {
			font-size: 44rpx;
			font-weight: 500;
			color: #333;
			// border-left: 7px solid #45B883;
			margin-bottom: 50rpx;
		}

		.pack {
			display: flex;
			flex-wrap: wrap;
			padding-left: 34rpx;

			.item {
				margin-bottom: 40rpx;
				margin-right: 60rpx;
				display: flex;
				justify-content: center;
				flex-wrap: wrap;
				width: 108rpx;

				.bg {
					width: 108rpx;
					height: 108rpx;
					margin-bottom: 12rpx;
					position: relative;
					border-radius: 50%;
					background-color: #0197f8;

					.icon {
						position: absolute;
						z-index: 2;
						left: 50%;
						top: 50%;
						transform: translate(-50%, -50%);
						width: 45rpx;
						height: 45rpx;
					}
				}

				.name {
					color: #333;
					font-size: 26rpx;
				}
			}
		}
	}
}
</style>